/**
 * @author  ( Sarah Hayes  )
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2011 Sarah Hayes. All rights reserved.
 */
 /* STYLING FOR MENUS AND NAVIGATION */

.moduletable-horz {
float:right;	
}

ul.menu-horz
{
list-style-type: none;
font-size: 90%;
}
ul.menu-horz li
{
float: left;
margin: 0px 10px;
}



/* Default Joomla! Menu */





ul.menu {
	margin: 0;
	padding: 1px 0 0;
	list-style: none;
	width: 180px;
}

ul.menu li {
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
}

ul.menu li a {
	padding: 0px 0px 0px 10px;
	line-height: 24px;
	display: block;
	color: #333333;
	border-bottom: 1px solid #eaeaea;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.95em;
	background: url(../images/mainlevel.png) no-repeat;
}

ul.menu li a span {
	padding-left: 0px;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
	color: #054e83;
	text-decoration: none;
	background: url(../images/mainlevel-hover2.png) no-repeat;
}

ul.menu li.active a {
	color: #054e83;
	text-decoration: none;
}

ul.menu li.active a span {
	background: none;
}

ul.menu li li a span {
	background: none;
}

ul.menu li ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.menu li li {
	padding: 0 0 0 0px !important;
	list-style: none;
}

ul.menu li li a {
	color: #333333;
	font-size: 92%;
	font-weight: normal;
	border:none;
	margin-left: 0px;
	line-height: 20px;
	background: #e5f3ee url(../images/arrow1.png)  no-repeat;
	border-bottom: solid 1px #ffffff;
}

ul.menu li li a:hover,
 ul.menu li li a:active,
ul.menu li li a:focus  { 
	color: #054e83;
	background: #80c3a9 url(../images/arrow1.png)  no-repeat;
	border-bottom: solid 1px #ffffff;
}

ul.menu li li a span {
	font-weight: normal;
	color: #333333;
}  

/* third level plus */



ul.menu li li ul li a {
	color: #054e83;
	font-size: 92%;
	font-weight: normal;
	border:none;
	margin-left: 5px;
	line-height: 16px;
		background: #bfe1d4 url(../images/arrow2.png)  no-repeat;
	border-bottom: solid 1px #ffffff ;
}

ul.menu li li ul li a:hover {
	background: #80c3a9 url(../images/arrow2.png)  no-repeat;
}

ul.menu li li ul li ul li a {
	color: #054e83;
	font-size: 92%;
	font-weight: normal;
	border:none;
	margin-left: 10px;
	line-height: 16px;
	border-bottom: solid 1px #ffffff ;
	background: #e5f3ee url(../images/arrow2.png)  no-repeat;
}

ul.menu li li ul li ul li a:hover {
	background: #afe1e0 url(../images/arrow2.png)  no-repeat;
}

ul.menu li li ul li ul li ul li a {
	color: #054e83;
	font-size: 92%;
	font-weight: normal;
	border:none;
	margin-left: 15px;
	line-height: 16px;
	border-bottom: solid 1px #ffffff ;
	background: #afe1e0 url(../images/arrow2.png)  no-repeat;
}

ul.menu li li ul li ul li ul li a:hover {
	background: #bfe1d4 url(../images/arrow2.png)  no-repeat;
}



/* single level horizontal tab menu with rounded corners */

ul.menu-tab {
  margin-top: 10px;
  padding: 0;
}
ul.menu-tab li {
  display: inline; /* Shows each item side-by-side */
  list-style-type: none; /* Gets rid of the bullet points */
}
 
ul.menu-tab a {
  display: block;
  float: left;
  padding: 0px 0px 0px 10px; /* Provides horizontal separation between menu items */
  background: #55b4af url(../images/tab1-left.png) no-repeat;
  margin: 0px 5px 0px 0px;
  display:block;
  height: 38px;
  color: #ffffff;
    text-decoration: none;
}

ul.menu-tab a span {
	  background: #55b4af url(../images/tab1-right.png)top right no-repeat;
	  padding: 0px 20px 0px 10px;
	    display:block;
  height: 38px;
  line-height: 38px;
}

ul.menu-tab a:hover {
  background: #333333 url(../images/tab1-left.png)no-repeat;
}

ul.menu-tab a:hover span  {
	  background: #333333 url(../images/tab1-right.png) top right no-repeat;
}



/****************** Basic 2 level  CSS Dropdown Menu styling starts here **************/
.menusan
{
 /* use these params to positions your menu */
 position: relative;
 left: 0px;
}
 
.menusan, .menusan li, .menusan li ul { /* all lists */
 padding: 0;
 margin: 0;
 list-style: none;
}
 
.menusan li a {
 display: block;
 width: 10em;
 color:#FFFFFF ;
background-color:#a0c82d;
 text-decoration:none;
 padding: 5px 0px ;
 text-align: center;
}
 
.menusan li { /* all list items */
 float: left;
 width: 10.5em; /* width needed or else Opera goes nuts */
 border-bottom:1px solid #ffffff;
}
 
.menusan li ul { /* second-level lists */
 position: absolute;
 width: 10em;
 left: -98%; /* using left instead of display to hide menus because display: none isn’t read by screen readers */
}
 
.menusan li a:hover {
 background-color:#646464;
 color:#fff;
}
 
.menusan li:hover ul, .menusan li.sfhover ul  { /* lists nested under hovered list items */
 left: auto; /* change is to 10px, 20px, etc for indenting the sub menue */
}




/* **************** Dropdown Menu styling end here ***************/